import React, { FC } from 'react'
import { Avatar, List } from 'antd'
const Home: FC = () => {
  const ListData = [
    {
      title: 'Ant Design Title 1',
    },
    {
      title: 'Ant Design Title 2',
    },
    {
      title: 'Ant Design Title 3',
    },
    {
      title: 'Ant Design Title 4',
    },
  ]
  return (
    <>
      <List
        itemLayout="horizontal"
        dataSource={ListData}
        renderItem={(item, index) => (
          <List.Item>
            <List.Item.Meta
              avatar={<Avatar src={`https://api.dicebear.com/7.x/miniavs/svg?seed=${index}`} />}
              title={<a href="https://ant.design">{item.title}</a>}
              description="Ant Design, a design language for background applications, is refined by Ant UED Team ackground applications, is refined by Ant UED Team"
            />
          </List.Item>
        )}
      />
    </>
  )
}
export default Home
